#banner{
    width: 90%;
    height: 20%;
    margin-left: 5%;
    background-color: #E6E5E5;
}
img{
    float: left;
    width: 30%;
    height: 90%;
    margin-left: 5%;
}
#hyper{
    margin-top: 4%;
    margin-right: 2%;
    float: right;
    text-decoration: none;
    font-family: arial;
    font-size: 14pt;
    color: black
}
p{
    float: right;
    text-align: center;
    margin-right: 2%;
    margin-top: 2%;
    font-family: arial;
    font-size: 14pt;
}
#menu{
    width: 90%;
    height: 10%;
    margin-left: 5%;
    background-color: #3E9F2B;
    margin-top: 1%;
}
ul li{
    list-style: none;
}
a{
    text-decoration: none;
    font-family: arial;
    color: black;
}
#li{
    float: left;
}
li ul{
    display: none;
    padding: 0;
}
li{
    width: 30%;
    height: 70%;
    background-color: green;
    text-align: center;
    font-size: 18pt;
    margin-top: 0.5%;
    border:solid #3E9F2B; 
}
li:hover >ul{
    display: block;
    width: 331%;
}
#li:hover {
    background-color: #3E9F2B;
    background: url(pages/6.png);
    background-size: 7% 40%;
    background-position: right;
    background-repeat: no-repeat;
}
#boton:hover{
    background-color: #3E9F2B;
}
#contenido{
    width: 90%;
    height: 80%;
    margin-top: 1%;
    margin-left: 5%;
    background-color: #E6E5E5;
    padding-top: 5%;
}
#boton{
    width: 100%;
    height: 100%;
    background-color: green;
    text-align: center;
    font-size: 18pt;
    border: solid none;
    border-style: none;	
}
/*agragar usuario*/
#cont{
    width: 40%;
    height: 90%;
    text-align: center;
    margin-left: 30%;
    border-radius: 6%;
    border: solid black;
    background-color: #3E9F2B;
    display: none;
}
#cont2{
    width: 40%;
    height: 90%;
    text-align: center;
    margin-left: 30%;
    border-radius: 6%;
    border: solid black;
    background-color: #3E9F2B;
    display: none;
}
